<template>
  <img :src="'/assets/images/country/' + code + '.gif'" :class="['flag', size]" alt="" />
</template>

<script setup>
defineProps({
  code: {
    type: Number,
    default: 0
  },
  size: {
    type: String,
    default: 'medium'
  }
})
</script>

<style lang="less" scoped>
.flag {
  &.small {
    height: 20px;
  }
}
</style>
